/*The page start*/
body{ background-color:#FFF;}
/***
  Date: 2017新首页
***/
#watchcase{width: 250px;margin-left: 160px;margin-top: 182px;}
#navigation{ position:relative;}
#navigation .topNavi{ width: 100%; padding: 0 3%; margin: 0 auto; position:fixed; height: 60px; background-color: rgba(0, 0, 0, 0.9); /*background-color: rgba(0, 14, 34, 0.9); */ z-index: 9999; box-sizing: border-box; box-shadow: 1px 1px 15px 0 rgba(0,0,0,.1); z-index: 99999;}
#navigation .topNavi .toch{ float: left; padding: 15px 0; line-height: 30px; font-size: 17px; cursor: pointer;}
#navigation .topNavi .toch a{ color: #FFF; display: block;}
#navigation .topNavi .toch i{ color: #FFF; font-size: 18px; padding-right: 12px;}
#navigation .topNavi .toch a:hover{ color: #ff0044;}
#navigation .topNavi .toch a:hover i{ color: #ff0044;}
#navigation .topNavi .logo{ height: 60px; width: 60px; margin: 0 auto;}
#navigation .topNavi .even{ float:right; height: 30px; padding: 15px 0; line-height: 30px;}
#navigation .topNavi .even a.lang{ padding-right: 10px; color: #FFF;}
#navigation .topNavi .even i{ font-size: 22px; line-height: 30px; vertical-align: top; color: #FFF;}
#navigation .navimask{}
#navigation .navimask .navi{ width: 210px; height: 100%; background-color: #FFF;position: relative; -webkit-animation-duration: 500ms; animation-duration: 500ms; /*overflow-y: auto;*/}
#navigation .navimask .navi .close{ position: absolute; z-index: 999;width: 100%; height: 60px;border-bottom: 1px solid #e5e5e5; line-height: 60px; text-align: center; font-size: 16px; color: #ff0044; cursor: pointer; }
#navigation .navimask .navi .close i{ padding-right: 15px;}
#navigation .navimask .navi .navicenter{ height: 100%; position:relative; display: flex; justify-content: center; align-items: center;}
#navigation .navimask .navi ul{  /*transform: translate3d(0, -50%, 0);top: 50%;*/}
#navigation .navimask .navi ul li{ text-align: center; padding:15px 0;}
#navigation .navimask .navi ul li i{ display:block; font-size: 24px; padding-bottom:8px; color: #CCC; transition: .5s; -webkit-transition: .5s;}
#navigation .navimask .navi ul li a{  color:#000; font-size: 13.5px;}
#navigation .navimask .navi ul li a:hover{ color: #ff0044;}
#navigation .navimask .navi ul li a:hover i{ color: #ff0044;}
/**/
#index2017{}
#index2017 .section{ width: 100%; position:relative;}
#index2017 .section .bg{}
#index2017 .wp{ width: 90%; max-width: 1280px; margin: 0 auto; color: #FFF; position:relative; z-index:999;}
#index2017 .text{}
#index2017 .text h1{ font-size: 45px; margin: 0;font-weight: normal; line-height: 1;padding-bottom: 20px;}
#index2017 .text h2{ font-size: 35px; margin: 0; font-weight: normal; line-height: 1; padding-bottom: 20px;}
#index2017 .text hr{ display: block; width: 30px; line-height: 0; border:none; height: 2px; background-color: #ff0044; margin: 0 auto; padding: 0;vertical-align: middle;}
#index2017 .text p{ margin: 0; font-size: 24px; margin: 0; padding: 20px 0 30px; line-height: 1.3; }
#index2017 .text cite{ display: none; font-size: 18px; margin: 0; padding: 0 0 20px; line-height: 1.5; opacity: 0.6;}
#index2017 .text a.readmore{ width: 120px; height: 32px; display: inline-block; border: #FFF 1px solid; color: #FFF; font-size: 18px; line-height: 32px; text-align: center;}
#index2017 .text a.readmore i.iconfont{ font-size: 22px;}
#index2017 .text a.readmore:hover{ background-color: #ff0044; border-color: #ff0044;}
#index2017 .text a.playbtn{ width:120px; display: inline-block; color: #FFF; font-size: 18px; line-height: 32px; text-align: center; }
#index2017 .text a.playbtn i{ display: inline-block; width: 56px; height: 56px; background: url(../images/icon-play1.png) no-repeat; transition:All 0.4s ease-in-out; -webkit-transition:All 0.4s ease-in-out;}
#index2017 .text a.playbtn:hover i{ background-image:url(../images/icon-play2.png);transform:rotate(360deg); -webkit-transform:rotate(360deg);}
#index2017 .text a.playbtn u{ color:#ccc; display: inline-block; border-bottom:#ccc 1px solid; padding-bottom: 5px;}
/*2017index First screen*/
#index2017 .swiper2017{height: 1000px; height: 100vh;}
#index2017 .swiper2017 .wp{ transform: translate3d(0, -50%, 0);top: 50%;}
#index2017 .swiper2017 .text{ width:32%; text-align: right;  text-shadow: 0px 0 8px #000000c7;}
#index2017 .swiper2017 .text.r{ margin-left: 68%;}
#index2017 .swiper2017 .text.black{ color: #000;}
#index2017 .swiper2017 .text.black hr{background-color: #000; }
#index2017 .swiper2017 .text.black a.readmore{border: #000 1px solid; color: #000;}
#index2017 .swiper2017 .text.black a.readmore:hover{ background-color: #ff0044; border-color: #ff0044; color: #FFF;}
#index2017 .swiper2017 .index-swiper{ width: 100%;height: 1000px; height: 100vh;}
#index2017 .swiper2017 .index-swiper .swiper-slide-active .text{ -webkit-animation-name: bounceInUp; animation-name: bounceInUp; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: backwards; animation-fill-mode: backwards; }
#index2017 .swiper2017 .index-swiper .swiper-pagination{ bottom: 30px;}
#index2017 .swiper2017 .index-swiper .swiper-pagination .swiper-pagination-bullet{ width: 9px; height: 9px; background-color: #555555; opacity: 1;vertical-align: middle;}
#index2017 .swiper2017 .index-swiper .swiper-pagination .swiper-pagination-bullet-active{ border: #ff0044 2px solid; background-color:rgba(0,0,0,0);}
#index2017 .swiper2017 .index-swiper .mobi-show{ position: absolute ;}
#index2017 .swiper2017 .index-swiper .mobi-show img{ width: 100%; height:auto; }
/*2017index Second screen*/
.productSlide{ padding-top: 30px;padding-bottom: 80px;}
.productSlide .product-swiper{ width: 100%; padding: 30px 0 50px;}
.productSlide .product-swiper .swiper-slide{ width:30%; max-width: 420px;}
.productSlide .product-swiper .swiper-slide a{ display: block; text-align: center;}
.productSlide .product-swiper .swiper-slide a:hover{ color: #ff0044;}
.productSlide .product-swiper .swiper-slide span.pic{ display: block;}
.productSlide .product-swiper .swiper-slide span.pic img{ width: 100%; height: auto;}
.productSlide .product-swiper .swiper-slide span.text{ padding-top: 30px;display: block; transition: opacity 250ms ease-out; opacity: 0; font-size: 16px; }
.productSlide .product-swiper .swiper-slide span.text em{ display:block; color:#8f8f8f; font-size: 14px; letter-spacing: 3px; text-transform: uppercase; font-style:normal;}
.productSlide .product-swiper .swiper-slide span.text i{ display: inline-block; margin: 10px 0; vertical-align: middle; width: 25px; height: 2px; background-color: #ff0044; }
.productSlide .product-swiper .swiper-slide span.text b{ display:block; color:#000; font-size: 14px; height:20px; line-height:20px; overflow:hidden;}
.productSlide .product-swiper .swiper-slide span.text a:hover{ box-shadow: 0 0 26px 0 rgba(0,0,0,.15); z-index: 999;}
.productSlide .product-swiper .swiper-slide cite{ font-size: 36px; padding-top: 50%;}
.productSlide .product-swiper .swiper-slide cite i{ font-size: 36px;}
.productSlide .product-swiper .swiper-slide-active span.text{ opacity: 1;}
.productSlide .product-swiper .swiper-pagination{ position: static; background: url(../images/2017/icon_arrow_red.png)  no-repeat center bottom; font-size: 30px; padding-bottom:15px; margin-bottom: 30px;}
.productSlide .product-swiper .swiper-pagination span{font-size: 30px;}
.productSlide .swiper-container-horizontal .swiper-scrollbar{ width:40%; left:30%; z-index: 999;}
.productSlide .swiper-container-horizontal .swiper-scrollbar-drag{ background-color:#ff0044; }
.productSlide .swiper-button-prev{ background-color:#ff0044; width: 20px; padding: 20px; left: 0}
.productSlide .swiper-button-next{ background-color:#ff0044; width: 20px; padding: 20px; right: 0}
.productSlide .swiper-button-disabled{ opacity: 0; transition: .5s; -webkit-transition: .5s; }
/*2017index Third screen*/
#index2017 .watchMirror{ overflow: hidden;}
#index2017 .watchMirror .bg{ height: 1000px;}
#index2017 .watchMirror .wp{ padding: 0 5%; max-width:none; padding-top: 120px; position:absolute; top: 0; left: 0; z-index: 9999; }
#index2017 .watchMirror .text{ text-align: center; color:#FFF; }
#index2017 .watchMirror .text p{ color:#848484; }
/*2017index Fourth screen*/
#index2017 .watchYoung{ height:auto;}
#index2017 .watchYoung .videoshow{ width: 100%;}
#index2017 .watchYoung .videoshow video{ width: 100%;vertical-align: middle;}
#index2017 .watchYoung .wp{ width: 100%; height: 100%; max-width:none; position:absolute; left: 0; top: 0; z-index: 9999; }
#index2017 .watchYoung .wp .box{ position: relative;  transform: translate3d(0, -50%, 0); top: 50%; }
#index2017 .watchYoung .wp .box .text{text-align: center; color:#FFF; }
/*2017index Fifth screen*/
#index2017 .watchTiles{}
#index2017 .watchTiles ul{}
#index2017 .watchTiles ul li{ float: left; overflow:hidden;}
#index2017 .watchTiles ul li img{ width: 100%; height: auto; transition: all 3s ease 0s; -webkit-transform: all 3s ease 0s;}
#index2017 .watchTiles ul li img:hover{ transform: scale(1.1);-webkit-transform: scale(1.1);}
#index2017 .watchTiles ul li.ls{ width: 37%;}
#index2017 .watchTiles ul li.cs{ width: 26%;}
#index2017 .watchTiles ul li.cs .pic{ overflow: hidden;}
#index2017 .watchTiles ul li.cs .word{ width: 100%; position: relative;}
#index2017 .watchTiles ul li.cs .word .text{ text-align: center; position:absolute; width: 100%; height: 100%; top: 0; left: 0; }
#index2017 .watchTiles ul li.cs .word .text .bag{ top: 50%; position:relative; transform: translate3d(0, -50%, 0);top: 50%;}
#index2017 .watchTiles ul li.cs .word .text p{ padding: 0 10%; font-size: 24px;}
#index2017 .watchTiles ul li.cs .word .text h2{}
#index2017 .watchTiles ul li.cs .word .text p{ font-size: 20px;}
#index2017 .watchTiles ul li.cs .word .text a{ border-color: #ff0044; background-color: #ff0044; color: #FFF;}
#index2017 .watchTiles ul li.cs .word .text a:hover{ border-color: #000; background-color:rgba(0,0,0,0); color: #000;}
#index2017 .watchTiles ul li.rs{ width: 37%;}
/*2017index Sixth screen*/
.watchDream{ height: 900px;}
.watchDream .wp{ transform: translate3d(0, -50%, 0);top: 50%;}
.watchDream .text{ text-align: center; color:#FFF; }
.watchDream .text p{ color:#848484; font-size: 24px; color: #FFF;}
/*2017index Seventh screen*/
.watchDesigner{ height: 900px;}
.watchDesigner .wp{ top: 50%;}
.watchDesigner .text{ text-align: right; color:#FFF; }
.watchDesigner .text p{ color:#848484;}
.watchDesigner .text p span{ display: block; font-size: 30px;}
/*2017index Eighth screen*/
.wahchTechnics{ height: 900px; background-color: #000;}
.wahchTechnics .technics{ width: 30%; height: 900px; float: left; position:relative;}
.wahchTechnics .technics ul{ position:relative; transform: translate3d(0, -50%, 0);top: 50%;}
.wahchTechnics .technics ul li{ text-align: center; padding: 50px 0;}
.wahchTechnics .technics ul li.line{ width: 100px; height: 1px; background-color: #444; padding: 0; margin: 0 auto;}
.wahchTechnics .technics ul li i{ display:block;}
.wahchTechnics .technics ul li b{ display:block; color:#FFF; font-size: 30px; font-weight: normal; text-transform: uppercase;}
.wahchTechnics .techpic{ width: 70%; height: 900px; float: left;}
/*2017index Ninth screen*/
#index2017 .watchStrength{ height: 920px;  background:url(../images/arch-mirror.jpg) no-repeat center #000;  background-size: cover;  overflow:hidden;}
#index2017 .watchStrength ul{ min-width: 1500px; position: relative; left: 50%; transform: translate3d(-50%, 0, 0); display:none;}
#index2017 .watchStrength ul li{ width: 50%; float: left;}
#index2017 .watchStrength ul li img{ width: 100%; height: auto;}
#index2017 .watchStrength .wp{ padding: 0 5%; max-width:none; position:absolute;  top: 15%; left: 0; z-index: 9999; }
#index2017 .watchStrength .text{ text-align: center; color:#FFF; }
#index2017 .watchStrength .text p{ color:#bbb;}
/*2017index Tenth screen*/
.watchPackage{ height: 900px;}
.watchPackage .wp{ transform: translate3d(0, -50%, 0);top: 50%;}
.watchPackage .text{ text-align: center; color:#FFF; }
.watchPackage .text p{ color:#848484;}
/*2017index Eleventh screen*/
.feikePress{ padding: 80px 0;}
.feikePress h3.title{ color: #848484; line-height: 35px; padding-bottom: 30px; padding-left: 30px;}
.feikePress h3.title b{ color: #FFF;  font-size: 35px; font-weight: normal; padding-right: 10px;}
.feikePress .press-swiper{ padding-bottom: 70px;}
.feikePress .press-swiper .swiper-wrapper{}
.feikePress .press-swiper .swiper-slide{ width: 30%; margin: 0 1%;background-color: #FFF; border-radius: 3px;}
.feikePress .press-swiper .swiper-slide a{ display:block;}
.feikePress .press-swiper .swiper-slide a span.image{ display:block; overflow:hidden; background-color: #000;}
.feikePress .press-swiper .swiper-slide a span.image img{ width: 100%; height: auto; opacity: 0.7; transition: all 1s ease 0s;-webkit-transform: all 1s ease 0s; filter: url(../images/gray.svg#grayscale); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: gray; }
.feikePress .press-swiper .swiper-slide a:hover span.image img{ width: 100%; height: auto; transform: scale(1.1);-webkit-transform: scale(1.1);}
.feikePress .press-swiper .swiper-slide span.text{ height: 120px; display:block; padding: 30px;}
.feikePress .press-swiper .swiper-slide span.text h3{ font-size: 20px; color: #000;}
.feikePress .press-swiper .swiper-slide a:hover span.text h3{ color: #ff0044;}
.feikePress .press-swiper .swiper-slide a:hover span.image img{ filter:none; -webkit-filter: grayscale(0); -moz-filter: grayscale(0); -ms-filter: grayscale(0); -o-filter: grayscale(0); filter: grayscale(0); filter: none;}
.feikePress .press-swiper .swiper-slide span.text em{ display: block; font-style: normal; padding: 10px 0; font-size: 16px; line-height: 1.5;color: #999999;}
.feikePress .press-swiper .swiper-slide span.text cite{}
/* end */

/**/
.slide1 p{left:0; padding:8vw 0 5vw 12vw; color:#000;}
.slide2 p{left:0; padding:12vw 0 5vw 12vw; color:#000;}
.slide3 p{left:0; padding:10vw 0 5vw 10vw; color:#FFF;}
.slide3 p i{border-top:#FFF 1px solid; border-bottom:#FFF 1px solid;}
.slide3 p i a:after{ background-image:url(../images/focus_arrow_right_w.png);}
.slide4 p{left:0; padding:12vw 0 5vw 46vw; color:#000;}
/**/
.focuser .swiper-slide-active b,
.focuser .swiper-slide-active em,
.focuser .swiper-slide-active i,
.focuser .swiper-slide-active .ama{-webkit-animation: fadeInDown .4s 0.4s ease-out both;-moz-animation: fadeInDown .4s 0.4s ease-out both;-o-animation: fadeInDown .4s 0.4s ease-out both;animation: fadeInDown .4s 0.4s ease-out both;}
/**/
.blockA{}
.blockA ul{}
.blockA ul li{ float:left; width:33.3333%}
.blockA ul li a{}
.blockA ul li a img{ width:100%;}
/**/
.feikeword{ text-align:center; padding:50px 0;}
.feikeword h3{ font-size:45px;}
.feikeword hr{ width:50px; height:2px; background:#000; border:none; padding:0; margin:10px auto;}
.feikeword p{ font-size:30px; margin:0;}
/**/
.gundong{height:295px;;}
.gundong .focuser2{ height:295px; overflow:hidden;}
.gundong .focuser2 .swiper-wrapper{}
.gundong .swiper-slide{}
.gundong .swiper-slide img{ width:295px; height:auto;}
/**/
.neirong{}
.neirong .sub{ width:50%; float:left;}
.neirong .newsort{ background-color:#FDFDFD;}
.neirong .imge{}
.neirong .imge img{ width:100%; height:auto;}
.neirong .text{ padding:30px;}
.neirong h3{ padding-bottom:15px; font-size:20px; font-weight:bold;}
.neirong ul{}
.neirong ul li{ padding:5px 0;}
.neirong ul li a{ line-height:1.5px;}
/**/
.widget{}
.widget ul{}
.widget ul li{ width:10%; float:left;}
.widget ul li img{ width:100%; height:auto;}
/**/
.footer{ background-color:#FFF; line-height:1.5;}
.footer a{ padding:0 10px;}
.footer .link{ text-align:center; color:#CCC;}
.footer .copy{ text-align:center;}
/**/
.pc-footer{ padding:30px 0; background-color:#f5f5f5;}
.pc-footer dl{ float:left; width:16%;border-right: 1px solid #eaeaea; padding:10px 0; height:164px;}
.pc-footer dl.about{ width:25%;}
.pc-footer dl .box{ padding-right:25px; line-height:24px;}
.pc-footer dl dt{ padding-left:40px; font-size:16px; font-weight:bold; line-height:24px}
.pc-footer dl dd{ padding-left:40px; line-height:24px;}
.pc-footer .fmail{ float:left;width:26%; padding:10px 0;}
.pc-footer .fmail h3{ padding-left:30px; line-height:24px}
.pc-footer .fmail .form{ padding-left:30px;}
.pc-footer .fmail ul{}
.pc-footer .fmail ul li.cap{ background:url(../images/mail.png) no-repeat left center; padding-left:40px;}
.pc-footer .fmail ul li{ min-height:26px; padding:3px;}
.pc-footer .fmail ul li input{ height:24px; border:#F0F0F0 1px solid; width:100%; box-sizing:border-box; padding:0 5px; border-radius:3px; }
.pc-footer .fmail ul li input.btn{ width:33%; background-color:#000; border:#000 1px solid; color:#FFF; font-size:14px;}
.pc-footer .fmail ul li input.btn:hover{ background-color:#ff0044; border:#ff0044 1px solid;}
.pc-footer .wechat{ position:relative;}
.pc-footer .wechat b{ font-weight:normal; cursor:pointer;}
.pc-footer .wechat em{ width:120px; height:120px; display:block; position:absolute; left:70px; top:-53px; border:#ccc 1px solid; display:none;}
.pc-footer .wechat em:before{ content:""; width:7px; height:14px; display:block; background:url(../images/wechat_arrow.png) no-repeat left center; position:absolute; top:57px; margin-left:-7px;}

/***********2018新底部*********/
.footor{ background: #000; /* #101820 */ padding:50px 0 20px; }
.footor .footnav{ width: 70%; float: left;  border-right: #1f2830 1px solid; }
.footor .footnav dl{ width: 25%; float: left; }
.footor .footnav dl dt{ font-size: 18px; color: #FFF; padding-bottom: 10px; }
.footor .footnav dl dd{ line-height: 32px; }
.footor .footnav dl dd a{ color: #848484; font-size:15px; }
.footor .footnav dl dd a:hover{ color: #ff0044;}
.footor .footright{ float: right; width: 25%;}
.footor .footright h3{ font-size: 18px; color: #FFF; font-weight: normal; padding-bottom: 10px; }
.footor .footright .subscribe{ padding-bottom: 30px; }
.footor .footright .subscribe p{ color: #848484; margin:0;}
.footor .footright .subscribe .form{ padding-top:20px; }
.footor .footright .subscribe input{ height: 40px; background-color:#292929; color: #848484; line-height: 40px; box-sizing:border-box; padding:0 2%; }
.footor .footright .subscribe input.btn{ width: 15.625%; float: right; font-size:32px; text-align: center; -webkit-appearance: none; }
.footor .footright .subscribe input.txt{ width: 81.25%; }
.footor .footright .social{ padding-bottom: 30px;}
.footor .footright .social a{ color: #848484;}
.footor .footright .social a:hover{ color: #ff0044;}
.footor .footright .social i{ font-size: 24px; color: #848484; }
.footor .footright .social .wechat{ position:relative; display: inline-block;}
.footor .footright .social .wechat b{ font-weight:normal; cursor:pointer;}
.footor .footright .social .wechat em{ width:120px; height:120px; display:block; position:absolute; left:-10px; top:30px; border:#ccc 1px solid; display:none;}
.footor .footright .social .wechat em:before{ content:""; width:14px; height:7px; display:block; background:url(../images/wechat_arrow.png) no-repeat left center; position:absolute; left:12px; margin-top:-7px;}
.footor .footright .channel{ padding-bottom:30px;}
.footor .footright .channel a i{ font-size: 50px; }
.footor .copyright{ text-align: center; margin-top: 50px; padding-top:20px; color: #848484; line-height: 2; border-top:#1f2830 1px solid;}
.footor .copyright a{color: #848484;}
.footor .copyright a:hover{ color: #ff0044;}
.footor .copyright i{ display: inline-block; padding:0 20px; }

/**/
.cover {width: 100%;height: 100%;background-color: #000;background-repeat: no-repeat;background-position: center center;background-attachment: scroll;background-size: cover;	}
.mobile{ max-width:1200px; min-height:100%; background-color:#FFF; margin:0 auto;}
.mobile .hdr{ height:45px; background-color:#13d5cd; line-height:45px; text-align:center; font-size:18px; color:#FFF; display:none;}
.watchbox{ padding-top:50px;}
.watchbox .watch{ position:relative; float:left; width:48%;}
.watchbox .watch img{ border:0; width:100%; height:auto;}
.watchbox .watch img#watchcase{ z-index:2; position:absolute; left:0; right:0;}
.watchbox .watch img#watchband{ z-index:1;}
.watchbox .strap{ float:right; width:48%;}
.watchbox .tabs{ padding-right:20px; }
.watchbox .tabs ul.nav{ height:47px;}
.watchbox .tabs ul.nav li{ height:45px; line-height:45px; margin-top:2px; padding-top:0px; text-align:center; float:left; width:50%; color:#666666; background-color:#F5F5F5; border:#dcdcdc 1px solid; border-bottom:none; box-sizing:border-box; font-size:16px; cursor:pointer;}
.watchbox .tabs ul.nav li.on{ background-color:#FFF; margin-top:0; padding-top:2px;}
.watchbox .tabs ul.nav li i{ width:23px; height:45px; display:inline-block; margin-right:5px; background:url(../images/pc_tab_face_icon.png) no-repeat left center; vertical-align:middle;}
.watchbox .tabs ul.nav li i.sbd{ background:url(../images/pc_tab_strap_icon.png) no-repeat left center;}
.watchbox .tabs .content{border:#F0F0F0 1px solid;}
.watchbox .tabs .content .box{ padding:10px 0;}
.watchbox .tabs .content .box dl{ height:500px; overflow:auto;}
.watchbox .tabs .content .box dl .capation{ padding:10px; text-align:center; clear:both; border-top:#dcdcdc 1px double; border-bottom:#F0F0F0 1px double;}
.watchbox .tabs .content .box dl dd{ width:25%; float:left; box-sizing:border-box; padding:10px;}
.watchbox .tabs .content .box dl dd img{ width:100%;}
.watchbox .tabs .content .box dl dd b{ display:block; height:18px; line-height:18px; text-align:center; padding:5px 0; font-size:14px; font-weight:normal;}
.watchbox .tabs .content .box dl dd a:hover b{ color:#13d5cd;}
/**/
.breadcrumb{ height:30px; padding: 15px 0;/*background-color:#f0f0f0;*/}
.breadcrumb .wrap{ height:30px; line-height:30px;}
.breadcrumb .wrap i{ font-weight:bold; display: inline-block; padding: 0 5px;}
.breadcrumb .wrap a{ color:#ff0044;}
/**/
.newsbox{}
.newsbox .capation{ font-size:36px; text-align:center; line-height:40px; padding:60px 0 20px; text-transform:uppercase; color:#666464; border-bottom:#666464 1px solid; display: none;}
.newsbox .wrap{ overflow:hidden;}
.newsbox ul{ padding:25px 0 0;}
.newsbox ul li{ float:left; width:30%; margin-right:5%; margin-bottom:50px;}
.newsbox ul li a{ display: block;}
.newsbox ul li:nth-child(3n+0){margin-right:0;}
.newsbox ul li i{ width: 100%; display:block; position: relative;}
.newsbox ul li i hr{ padding: 0; margin: 0; width: 100%; height: 100%; display:block; position: absolute; border:0px; background-position:center top; transition: all .3s ease-in-out 0s;-webkit-transition: all .3s ease-in-out 0s; }
.newsbox ul li a:hover i hr{ background:url(../images/icon_readmore.png) no-repeat center #000; opacity: 0.7;}
.newsbox ul li i img{ width: 100%; height: auto;}
.newsbox ul li em{ display:block; height:24px; line-height:24px; font-style:normal; padding-top:20px;}
.newsbox ul li b{  display:block; height:36px; line-height:18px; overflow:hidden; font-weight:normal;}
/**/
.banner{ text-align:center;}
.cenbanner { width:100%; background: #000; }
.cenbanner .swiper-slide { height: 100%; opacity: 0.6; }
.cenbanner .swiper-slide img{ width:100%; height:auto;}
.cenbanner .swiper-slide-active{ opacity: 1;}
.cenbanner .pagination { position: absolute; width:100%; z-index: 20; left:0; bottom: 10px; text-align:center; }
.cenbanner .swiper-pagination-switch { display: inline-block; width:15px; height:15px; border-radius:15px; background: #222; margin:0 5px; opacity: 0.8; border: 1px solid #fff; cursor: pointer; }
.cenbanner .swiper-visible-switch { background: #aaa; }
.cenbanner .swiper-active-switch { background: #fff; }
/**/
.productbox{ min-height:450px;}

.productbox .filter{ height:24px; padding:30px 0 20px;}
.productbox .filter b{ font-size:18px;}
.productbox .filter span{}
.productbox .filter span a{ display:inline-block; padding:0 5px;}

.productbox .list{}
.productbox .list ul{}
.productbox .list ul li{ width:25%; float:left; margin-right:0; margin-bottom:55px; text-align: center;}
.productbox .list ul li a{ display:block; position: relative; padding-bottom: 20px;}
.productbox .list ul li i{ display:block; /* border:#f5f5f5 1px solid; */ position: relative;}
.productbox .list ul li i s{ width:30px; height:20px; line-height: 20px; text-align: center; color: #FFF; vertical-align: middle; border-radius: 3px; padding: 0 3px; font-weight: normal; display:inline-block; font-size:12px; background-color:#ff0044; position:absolute; right:10px; top: 10px;}
.productbox .list ul li i img{ width:93.75%; height:auto; padding:3.125%;}
.productbox .list ul li em{ display:block; color:#8f8f8f; font-size: 12px; letter-spacing: 3px; text-transform: uppercase; font-style:normal;}
.productbox .list ul li hr{ display: block; border: none; width: 25px; height: 2px; background-color: #ff0044; }
.productbox .list ul li b{ display:block; color:#000; font-size: 14px; height:20px; line-height:20px; overflow:hidden;}
.productbox .list ul li a:hover{ box-shadow: 0 0 26px 0 rgba(0,0,0,.15); transform: translateY(-5px); z-index: 999;}

/**/
.aboutbox{ margin-bottom:50px;}
.aboutbox .banner{ background:url(../images/about_banner.jpg) no-repeat center top; height:675px;}
.aboutbox .capation{ font-size:32px; text-align:center; line-height:32px; padding:50px 0 30px; text-transform:uppercase; color:#000; /* border-bottom:#e2e2e2 1px solid; */  letter-spacing: 10px;  text-indent:10px; font-weight:600;}
.aboutbox .somepic{ width:100%; height:630px; margin:0px 0 30px;}
.aboutbox .somepic .swiper-wrapper{}
.aboutbox .somepic .swiper-slide{}
.aboutbox .diyi{ line-height:2; text-align:center; font-size:18px; margin-top:20px; display:none;}
.aboutbox .profile{ line-height:2; margin-bottom:30px; padding: 0 20px; font-size: 15px;}
.aboutbox .profile p{ font-size: 15px;}
.aboutbox ul.spec{ padding-top:30px;}
.aboutbox ul.spec li{ width:33.3%; float:left;}
.aboutbox ul.spec li hr{ width:126px; border:none; height:2px; background:#000; margin:0 auto;}
.aboutbox ul.spec li b{ width:30px; height:30px; display:block; margin:25px auto; background:url(../images/circle.jpg) no-repeat center center;}
.aboutbox ul.spec li h3{ text-align:center; font-size:20px; padding-bottom:20px;}
.aboutbox ul.spec li p{ width:250px; margin:0 auto; text-align:center; font-size:14px; line-height:1.8; padding-bottom:25px;}
/**/
.bg_video{ width:100%; height:650px; overflow:hidden; position:relative}
.bg_video p{ position:absolute; margin:0; z-index:9; width:100%; height:650px; background:url(../images/video_text.png) no-repeat center rgba(0,0,0,0.5);}
.bg_video video{margin-top:-100px; width:1920px;}
/**/
.articlebox{ min-height:600px; padding:20px 0;}
.articlebox .leftside{ width:235px; float:left; overflow:hidden;}
.articlebox .rightside{ width:1025px; float:right; overflow:hidden;}
.articlebox .menu{}
.articlebox .menu h3{ border-bottom:#dcdcdc 1px solid; height:60px; line-height:60px; font-size:18px;}
.articlebox .menu dl{}
.articlebox .menu dl dt{ height:60px; background:url(../images/arrow_l.png) no-repeat 5px center; padding-left:25px; border-bottom:#dcdcdc 1px solid;}
.articlebox .menu dl dt a{ height:24px; line-height:24px; padding:18px 0; display:block; font-size: 16px;}
.articlebox .menu dl dt a:hover,
.articlebox .menu dl dt a.cur{ font-weight:bold;color:#ff0044;}
.articlebox .hdr{ border-bottom:#dcdcdc 1px solid; height:60px; line-height:60px; font-size:18px; font-weight:bold;}
.articlebox .content{ padding:20px 0; line-height:2;}
/*soft list page css style*/
.soft_list{ padding:0px 10px 10px;}
.soft_list ul{}
.soft_list ul li{ min-height:60px; _height:60px; overflow:hidden; padding:10px 0px; border-bottom:#9f9f9f 1px dashed;}
.soft_list ul li .ico{ width:43px; height:43px; padding-top:8px; padding-bottom:9px; float:left;}
.soft_list ul li .ico img{ background-size: auto 100%;}
.soft_list ul li .text{ width:550px; min-height:60px;_height:60px; float:left; line-height:30px; padding-left:12px;}
.soft_list ul li .text b{}
.soft_list ul li .text b a{font-size:14px; text-decoration:underline; color:#266392; text-transform:uppercase;}
.soft_list ul li .text b a:hover{ color:#158bef;}
.soft_list ul li .text i{ padding-left:15px; font-size:13px; color:#828284; font-style:normal;}
.soft_list ul li .text p{ margin:0px; font-size:14px; min-height:30px;_height:30px; line-height:30px; overflow:hidden;}
.soft_list ul li .btn{ width:110px; height:60px; float:right; text-align:right;}
.soft_list ul li .btn a{ width:65px; height:24px; line-height:24px; text-align:center; background-color:#ff0044; color:#FFF; display:inline-block; border-radius:3px;}
.soft_list ul li .btn a:hover{ background-color:#12bab4;}
/*防伪码*/
.fwmbox{ width:870px; margin:0 auto; margin-bottom:50px;}
.fwmbox .capation{ font-size:36px; text-align:center; line-height:40px; padding:60px 0 20px; text-transform:uppercase; color:#666464; border-bottom:#666464 1px solid;}
.fwmbox .form{ padding-top:60px;}
.fwmbox .form .inputbox{ width:665px; margin:0 auto;}
.fwmbox .form .inputbox input{ vertical-align:top; border-radius:5px;}
.fwmbox .form .inputbox input.txt{ width:450px; height:18px; line-height:18px; padding:15px; border:#d7d7d7 1px solid; font-size:16px; color:#a9a9a9;}
.fwmbox .form .inputbox input.btn{width:110px; height:50px; background:url(../images/2016/sososo.png) no-repeat 10px center #ff0044; font-size:18px; color:#FFF; padding-left:15px; outline:none; cursor:pointer; margin-left: 10px;}
.fwmbox .form .inputbox input.btn:hover{ background-color:#EA1239;}
.fwmbox .note{ /*width:720px;*/ margin:30px auto 110px;}
.fwmbox .note p{ margin:0; padding-top:10px; line-height:2;}
.fwmbox .note .tt{ min-height:18px; line-height:2; padding-bottom:5px; border-bottom:#e9e9e9 1px solid;}
.fwmbox .way{}
.fwmbox .way ul{}
.fwmbox .way ul li{ float:left; width:33.3333333%; text-align:center;}
.fwmbox .way ul li i{ display:block; width:96px; height:96px; margin:0 auto;}
.fwmbox .way ul li b{ display:block; font-size:14px; height:18px; line-height:18px; padding:13px 0;}
.fwmbox .way ul li p{ margin:0; padding:0 30px; color:#aaaaaa;}
.fwmbox .way ul li em{ color:#ff0044; font-style:normal; padding: 0 1px; font-weight: bold;}
/**/
.contactbox{ padding:100px 0; background-position:center;}
.contactbox .box{ width:890px; margin:0 auto;}
.contactbox .box .lco{ width:420px; float:left;}
.contactbox .box s{ text-decoration:none; color:#09e6e3; padding-right:5px;}
.contactbox .box .lco ul{}
.contactbox .box .lco ul li{ min-height:30px; padding:10px 0;}
.contactbox .box .lco ul li input{ margin:0; padding:0; border:0; }
.contactbox .box .lco ul li input.txt{background:url(../images/input_text.jpg) no-repeat; width:200px; padding:0 7px; height:29px; color:#FFF;}
.contactbox .box .lco ul li span{ display:inline-block; min-height:30px; line-height:30px;}
.contactbox .box .lco ul li span.title{ font-size:13px; color:#FFF; width:110px; }
.contactbox .box .lco ul li span.text{ color:#FFF; font-size:13px;}
.contactbox .box .rco{ width:420px; float:right;}
.contactbox .box .rco .way{ font-size:12px; color:#FFF; line-height:1.8;}
.contactbox .box .rco .tit{ font-size:13px;color:#FFF; padding:28px 0 5px 0; height:24px; line-height:24px;}
.contactbox .box .rco textarea{ width:404px; height:119px; padding:5px; margin:0; background:url(../images/teatarea.jpg) no-repeat; border:none; color:#FFF; font-size:14px;}
.contactbox .btn{ padding-top:30px; text-align:right;}
.contactbox .btn input.sub{ width:100px; padding-right:36px; height:30px; background:url(../images/smb_btn.jpg) no-repeat right center #383838; font-size:13px; color:#FFF;}
.contactbox .conway{ display:none; font-size:12px; color:#FFF; line-height:1.8; padding:20px 0;}
/*2018联系我们*/
.contactinfo{padding:100px 0; text-align: center; }
.contactinfo .contactway{}
.contactinfo .contactway .contacth3{}
.contactinfo .contactway .contacth3 img{ max-width: 100%; }
.contactinfo .contactway h2{ font-size: 30px; padding-top: 30px; }
.contactinfo .contactway p{  line-height:2; }
.contactinfo .hotline{ padding:20px 0; }
.contactinfo .hotline i{ font-size: 30px; display: block; padding-bottom: 5px; }
.contactinfo .hotline b{ font-size: 18px; }
.contactinfo .wechat{} 
.contactinfo .wechat b{ font-size: 16px; } 
.contactinfo .wechat img{ width: 120px; } 
.contactinfo ul.contactkf{ padding-top: 60px; }
.contactinfo ul.contactkf li{ display: inline-block; padding:0 15px; }
.contactinfo ul.contactkf li a{ display: block; width: 160px; height: 50px; line-height: 50px; background: #333333; border-radius: 25px; color: #FFF;  }
.contactinfo ul.contactkf li a i{ font-size: 24px; vertical-align: middle; display: inline-block; padding-bottom: 2px;}
.contactinfo ul.contactkf li a:hover{ background-color: #ff0044; }

/**/
.dialogBox{}
.dialogBox .Dbox{ width:595px; height:180px; padding-top:24px; margin:0 auto; /*background-color:#ff0044;*/ background:rgba(255,255,255,0.8);filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#4FFFFFFF,endcolorstr=#4FFFFFFF); border-radius:5px; /*margin-top:300px;*/ position:relative;}
.dialogBox .Dbox p{ margin:0 24px 0 24px; height:140px;  background:url(../images/2016/fklogo.jpg) no-repeat 16px 48px #FFF;}
.dialogBox .Dbox p span{ display:block; width:315px; float:left; margin-left:105px;}
.dialogBox .Dbox p cite{ display:block; font-weight:normal; text-align:center;}
.dialogBox .Dbox p b{ display:block; font-size:14px; color:#000; height:18px; line-height:18px; padding:9px 0; font-weight:normal; font-style:normal; text-align:center;}
.dialogBox .Dbox p s{ display:block; border:#b9b9b9 1px dotted; height:75px; padding:5px 10px; text-decoration:none; font-size:14px; line-height:1.8;}
.dialogBox .Dbox i{ height:20px; line-height:20px; padding:10px 0; display:block; font-style:normal; text-align:center; color:#000; font-size:14px;}
.dialogBox .Dbox .close{ width:12px; height:12px; background:url(../images/2016/close.png) no-repeat center center; position:absolute; right:6px; top:6px; z-index:9; cursor:pointer;}
/**/
.stylebox{ min-height:600px;}
.stylebox .menu2{ padding:50px 0;}
.stylebox .menu2 ul{ margin-right:-50px; overflow:hidden;}
.stylebox .menu2 ul li{ float:left; height:75px; width:475px; margin-right:50px;}
.stylebox .menu2 ul li a{ height:75px; line-height:75px; display:block; text-align:center; background-color:#f7f8f8; font-size:18px;}
.stylebox .menu2 ul li a.on{ background-color:#666464; color:#FFF;}
.stylebox .capation{ font-size:36px; text-align:center; line-height:40px; padding:0px 0 20px; text-transform:uppercase; color:#666464; border-bottom:#666464 1px solid;}
.stylebox .picshow{ padding:50px 0;}
.stylebox .picshow ul{ margin-right:-24px; overflow:hidden;}
.stylebox .picshow ul li{ float:left; margin-right:24px; margin-bottom:22px;}
.stylebox .picshow ul li.mt361{ margin-top:-332px;}
.stylebox .picshow ul li a{}
.stylebox .tab ul li a:hover,
.stylebox .tab ul li a.on{ background-color:#666464; color:#FFF;}
.stylebox .text_content{}
.stylebox .text_content .sub_content{ display:none;}
.stylebox .text_content .on{ display:block;}
/**/
.productshow{ padding:30px 0; background: url(../images/productbg.jpg) no-repeat center center; background-size: cover; background-attachment: fixed; /* background:#efefef; */}
.productshow .wrap{ max-width: 1000px; width: 1000px\9;}
.productshow .title h1{ height:40px; line-height:40px; overflow:hidden; font-size: 30px; color:#000; position:relative;}
.productshow .title h1 s{ width:30px; height:20px; line-height: 20px; text-align: center; color: #FFF; vertical-align: middle; border-radius: 3px; padding: 0 3px; font-weight: normal; display:inline-block; font-size:12px; background-color:#ff0044; position:absolute; right:0px; top: 10px;}
.productshow .title p{ margin:0px; padding:20px 0; font-size:18px; line-height:22px; color:#4e4e4e;}
.productshow .wrap{ background: #ffffffe6; /*padding: 40px 50px;*/ box-shadow: 0 0 15px rgba(0,0,0,0.1);}
.productshow .picarea{ width:480px;  background: #FFF; float:left;}
.productshow .picarea .title{ display:none;}
.productshow .text{ width:400px; padding: 40px 60px 35px 0; float:right;}
.productshow .text ol.para{ line-height:42px; background:url("data:image/gif;base64,R0lGODlhAQAqAIEBANfX1////wAAAAAAACH/C05FVFNDQVBFMi4wAwEBAAAh+QQBAAABACwAAAAAAQAqAAAIDgADCBxIsKDBgwgLAggIADs=");}
.productshow .text ol.para li{ height:42px; line-height:42px; font-size:14px;}
.productshow .text ol.para li span{ width:305px; float:right; color:#898989;}
.productshow .text .buy{ padding-top:50px;}
.productshow .text .buy a{ width:100%; background-color:#ff0044; color:#FFF; display:block; height:38px; line-height:38px; font-size:18px; text-align:center;}
.productshow .text .buy a i{ font-size:24px;}
.productshow .text .buy a:hover{background-color:#ea133a;}
/*放大镜*/
.piczoom{}
.piczoom .largepic{width:480px; height:480px; position:relative;  box-sizing:border-box;}
.piczoom .largepic img{width:480px; height:480px;}
.piczoom .thumbs{ height:87px;overflow: hidden; margin: 15px 0px;}
.piczoom .thumbs .swiper-wrapper{ margin:0 25px;}
.piczoom .thumbs .swiper-wrapper .swiper-slide{ float: left; padding-right:10px;}
.piczoom .thumbs .swiper-wrapper .swiper-slide img{ width:85px; height:85px; border:#FFF 1px solid;}
.piczoom .thumbs .swiper-wrapper .swiper-slide img.cloudzoom-gallery-active{ border-color:#d0d0d0;}
.piczoom .thumbs a.Prevbtn,
.piczoom .thumbs a.Nextbtn { width: 13px; height: 26px; position: absolute; top: 50%; margin-top: -13px; background:url(../images/arrowb.png) no-repeat 0 0; z-index: 99999; cursor:pointer; user-select: none; }
.piczoom .thumbs a.Prevbtn { background-position:0 0; left:5px; }
.piczoom .thumbs a.Nextbtn { background-position:-15px 0; right:5px; }
.piczoom .thumbs a.Prevbtn:hover{ background-position:0 -26px;}
.piczoom .thumbs a.Nextbtn:hover{ background-position:-15px -26px;}
/**/
@keyframes tipScroll { 0%{ margin-top:0;}  100%{ margin-top:30px;}}
.tipScroll{ text-align:center; padding-top:100px;}
.tipScroll span{ width:33px; height:12px; display:inline-block; background:url(../images/arrow_tip.png) no-repeat; animation:tipScroll 0.5s infinite linear ;}
/**/
.descr-wrapper{ max-width: 1000px; width: 1000px\9; padding: 30px 0; min-height: 400px;}
.descr-wrapper .depict{ width: 50%; float: left;}
.descr-wrapper .depict p{ margin: 10px 0 0 0; padding-right: 20px;font-size: 14px; line-height: 2; letter-spacing: .01em;}
.descr-wrapper .depict h3{ font-size: 30px;}
.descr-wrapper .parameter{ width: 50%; float: left;}
.descr-wrapper .parameter dl{ padding-left: 20px;}
.descr-wrapper .parameter dt{-webkit-column-break-inside: avoid;break-inside: avoid; padding: 4px 5px 4px 5px; font-size: 14px;border-top: 1px solid #dadada;overflow: auto;color: #00081c;}
.descr-wrapper .parameter dt:first-child{border: none;}
.descr-wrapper .parameter dt span{ float: left;width: 40%;text-align: left; display: block;line-height: 2.2; }
.descr-wrapper .parameter dt i{ float: right;width: 60%; text-align: right; display: block;line-height: 2.2;}
/**/
.gotmall{ height: 580px; overflow:hidden; background-position:center;background-attachment: fixed; }
.gotmall .wrap{ max-width: 1000px; height: 100%;width: 1000px\9; position: relative;}
.gotmall .pic{ width: 375px; height: 350px; position: absolute; right: 0; bottom: 0;text-align: center; background: url(../images/wt_bg.png)}
.gotmall .pic img{ margin-top: -150px;}
.gotmall .pic .more a{ padding:5px 20px; margin-top: 11px;display:inline-block; border:#757677 1px solid; font-size:16px; color:#757677;}
.gotmall .pic .more a:hover{ background-color:#ff0044; border-color:#ff0044;color:#FFF;}
/**/
.seekgrid{ max-width: 1000px; width: 1000px\9; padding:50px 0 20px; }
.seekgrid ul{ display: flex; justify-content: center; align-items: center;}
.seekgrid ul li{  width:40%; text-align:center; }
.seekgrid ul li.end{ width:60%;}
.seekgrid ul li b{ display:block; font-size:24px; font-weight:600; line-height:2; letter-spacing:7px; padding-left:7px }
.seekgrid ul li b u{ font-family: "FuturaStd"; font-size:16px;}
.seekgrid ul li em{ display:block; padding-top:20px;}
.seekgrid ul li em a{ padding:5px 20px; display:inline-block; border:#ff0044 1px solid; font-size:16px; color:#ff0044; font-style: normal;}
.seekgrid ul li em a:hover{ background-color:#ff0044; color:#FFF;}
/**/
.newsshow{ min-height:1017px; _height:1017px;}
.newsshow .newstext{ min-height:1017px; _height:1017px;}
.newsshow .newstext .text-text{}
.newsshow .newstext .text-text .title h3{ font-size:25px; text-transform:uppercase; min-height:30px; line-height:30px; padding-bottom:10px;}
.newsshow .newstext .text-text .title hr{ width:35px; border:none; height:3px; background:#ff0044; display:inline-block; margin:0 0 10px 0;}
.newsshow .newstext .text-text .text{ line-height:1.8;}
.newsshow .newstext .text-text .text img{ max-width:60%; height:auto;}
.newsshow .newstext .text-text .prevNext{ padding-top:20px;}
.newsshow .newstext .text-text .prevNext a{ width:136px; height:31px; display:inline-block;}
.newsshow .newstext .text-text .prevNext a.prev{ background:url(../images/prev_text.jpg) no-repeat; margin-right:15px;}
.newsshow .newstext .text-text .prevNext a.next{ background:url(../images/next_text.jpg) no-repeat;}
@media screen and (max-width : 480px) {
 .newsshow .newstext .text-text .text img{ max-width:100%; height:auto;}
}
/**/
.faqlist{}
.faqlist ul{}
.faqlist ul li{border-bottom: 1px solid #DDDDDD;}
.faqlist ul li .question{ font-size: 16px; color: #333;height: 60px;line-height: 60px;cursor: pointer;}
.faqlist ul li .question em{ float: right; margin-right: 18px; width: 15px; height: 100%; background: url(../images/faq_icon.png) no-repeat center; -webkit-transition: .5s; -o-transition: .5s; transition: .5s;}
.faqlist ul li .question.on em { background: url(../images/faq_icon_red.png) no-repeat center; -webkit-transform: rotate(180deg);-ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg);}
.faqlist ul li .answer{ display:none; padding-bottom: 20px;line-height: 30px;color: #666;font-size: 14px;display: none;}
.faqlist ul li .answer a{ /*color: #ff0044;*/}
.faqlist ul li .btnsub{ padding-top: 20px;}
.faqlist ul li .btnsub h4{ margin: 0;}
.faqlist ul li .btnsub p{ margin: 0;}
.faqlist ul li .btnsub p.clearfix{ padding:10px 0 5px;}
.faqlist ul li .btnsub a.btn{ display:block; width: 100px; height: 30px; line-height: 30px; text-align: center; border: #ccc 1px solid; float: left; margin-right: 10px;}
.faqlist ul li .btnsub a.btn:hover{ background-color:#ff0044; color: #FFF; border-color:#ff0044; }
/**/
.manualbox{ padding:0;}
.manualbox .pt{ /*padding-top:30px;*/}
.manualbox .title{ height:36px; line-height:35px; background:url(../images/manual_title.jpg) no-repeat right bottom; font-size:24px; font-weight:bold;}
.manualbox ol{ padding-top:40px; margin-right:-57px;}
.manualbox ol li{ width:210px; float:left; padding-right:57px;}
.manualbox ol li h2{ font-size:14px; height:30px; line-height:30px; font-weight:bold;}
.manualbox ol li .func{ height:22px; padding:10px 0; border-bottom:#616161 1px dotted;}
.manualbox ol li .func i{ width:22px; height:22px; display:inline-block; background-image:url(../images/manual_func.gif); background-repeat:no-repeat;}
.manualbox ol li .func i#time{ background-position:0px center;}
.manualbox ol li .func i#date{ background-position: -26px center;}
.manualbox ol li .func i#week{ background-position: -51px center;}
.manualbox ol li p{ line-height:22px; font-size:12px; color:#a9a9a9;}
.manualbox ol li p strong{}
/**/
.videoBanner{ width:100%; height:450px; overflow:hidden; position:relative; display: flex; justify-content: center; align-items: center;}
.videoBanner .videotext{ width:100%; color:#FFF; text-align:center; position:absolute; z-index:3; text-shadow:0 0 5px rgba(0,0,0,0.3);}
.videoBanner .videotext h1{ text-transform:uppercase; font-size:20px; font-weight:bold; font-family: "FuturaStd"; letter-spacing:11px; padding-top:10px;}
.videoBanner .videotext h2{ letter-spacing:11px; font-size:32px; font-weight:normal; }
.videoBanner .videotext hr{ width:60px; height:5px; background:#FFF; border:none; padding:0; margin:50px auto;}
.videoBanner .videotext p{ font-size:20px; margin:0;}
.videoBanner .videotext cite{ display:block; padding-top:40px;}
.videoBanner .videotext cite a{ width:145px; display:inline-block; height:30px; line-height:30px; font-size:20px; color:#FFF; border-bottom:#FFF 1px solid; border-top:#FFF 1px solid;}
.videoBanner .videoBg{ height:750px; margin-top: -150px; overflow:hidden;}
.videoBanner .videoBg:before { width: 100%; height:750px; content: ""; position: absolute; top: 0; left: 0; z-index: 2; background-color: rgba(0, 0, 0, 0.5); }
.videoBanner .videoBg .video{ margin-top:0px;}
/**/
.pronavi{ background-color:#f3f3f3; text-align:center; padding-bottom:1px;}
.pronavi ul{}
.pronavi ul li{ display:inline-block; padding:0 25px; -o-transition: .5s; -ms-transition: .5s; -moz-transition: .5s; -webkit-transition: .5s; transition: .5s;}
.pronavi ul li a{ display:inline-block; font-size:18px; padding:30px 0; border-bottom:#F3F3F3 4px solid;}
.pronavi ul li a:hover,
.pronavi ul li a.cur{ border-bottom:#ff0044 4px solid; color:#ff0044; }
.pronavi ul li.allwatch a{ padding:0; padding:8px 15px; background-color: #333; color: #FFF; border-radius: 24px; box-shadow: 0 0 26px 0 rgba(0,0,0,.15);}
/**/
.pslider { width:100%; background: #FFF; padding:50px 0 60px;margin-bottom: 50px; min-height:500px;}
.pslider .swiper-slide { width:440px; height: 100%; text-align:center; opacity:0.3;}
.pslider .swiper-slide a{ cursor: url(../images/cursor-drag-0.png), e-resize;}
.pslider .swiper-slide i{width:440px; height:440px; display:block; position: relative;}
.pslider .swiper-slide i img{ width:440px; height:auto;}
.pslider .swiper-slide i s{ width:30px; height:20px; line-height: 20px; text-align: center; color: #FFF; vertical-align: middle; padding: 0 3px;border-radius: 3px; font-weight: normal; display:inline-block; font-size:12px; background-color:#e11a43; position:absolute; right:0px; top: 10px;}
.pslider .swiper-slide u{ padding-top:15px;  font-size:20px; color:#000; display: block;}
.pslider .swiper-slide hr{ width:40px; height:3px; background:#ff0044; border:none; padding:0; margin:8px auto;}
.pslider .swiper-slide b{ font-size:20px; font-weight:normal; display:block;color:#000;}
.pslider .swiper-slide-active{ opacity:1;}
.pslider .swiper-pagination{ position: static; background: url(../images/2017/icon_arrow_red.png)  no-repeat center bottom; font-size: 30px; padding-bottom:15px; margin-bottom: 30px;}
.pslider .swiper-pagination span{font-size: 30px;}
.pslider .swiper-scrollbar{ width:40%; left:30%; z-index: 999;}
.pslider .swiper-scrollbar-drag{ background-color:#ff0044; }
.pslider .swiper-button-prev{ background-color:#ff0044; width: 20px; padding: 20px; left: 0}
.pslider .swiper-button-next{ background-color:#ff0044; width: 20px; padding: 20px; right: 0}
.pslider .swiper-button-disabled{ opacity: 0; transition: .5s; -webkit-transition: .5s; }
/**/
.serchat{ background: #FFF; padding:50px 0 20px; }
.serchat h3{ font-size:30px; text-align:center;}
.serchat p{ font-size:16px; text-align:center; padding: 0 15px;}
.serchat ul{ text-align:center; margin-top:30px;}
.serchat ul li{ width:225px; height:45px; line-height:45px; font-size:18px; color:#FFF; background-color:#e4393c; display:inline-block; margin:0 15px 30px;}
.serchat ul li a{ width:225px; height:45px; display:inline-block; font-size:18px; color:#FFF;}
.serchat ul li.wangwang a{ background-color:#dd2727;}
.serchat ul li.dongdong a{ background-color:#e4393c;}
.serchat ul li a i{ width:56px; height:56px; display:inline-block; vertical-align:top; margin-top:-12px;}
.serchat ul li.wangwang a i{ background:url(../images/wangwang.png) no-repeat center;}
.serchat ul li.dongdong a i{ background:url(../images/dongdong.png) no-repeat center;}
/**/
.innerbox{ min-height:600px; padding:30px 0 0; background-color:#FFF; position:relative; z-index:1;}
/**/
.videolist{ padding-bottom: 30px;}
.videolist ul{}
.videolist ul li{ width:48%; float:left; margin-right:4%; margin-bottom:20px;}
.videolist ul li a{ display: block;}
.videolist ul li.none{ margin-right:0px;}
.videolist ul li em{ display:block; position:relative; background-color:#000;  overflow:hidden; transition: all 0.5s ease 0s;-webkit-transform: all 0.5s ease 0s;}
.videolist ul li em img.pic{ width: 100%; height: auto;opacity: 0.5;}
.videolist ul li a:hover em{ box-shadow: 0 4px 8px rgba(40,40,40,.2);}
.videolist ul li em i{ display:block; width:100%; height:100%; position:absolute; z-index:1; text-align:center; line-height:180px; background-position:center top; font-size:80px;transition: all 0.5s ease 0s;-webkit-transform: all 0.5s ease 0s;}
.videolist ul li a:hover em i{ background:url(../images/play.png) no-repeat center #000; opacity: 0.5;}
.videolist ul li b{ display:block; padding:20px 0 5px; line-height:20px; height:20px; overflow:hidden; font-weight:normal; font-size:15px; color:#000; }
.videolist ul li cite{ color: #999; padding-bottom: 20px;}
/**/
.video{ background:url(../images/vlogo.png) no-repeat center  blanchedalmond; background-size:30%;}
.video video{ width:1100px\9; height:600px\9;}
/**/
#videoPlayer{ background-color:none }
#videoPlayer .wrap{ /*max-width: 900px; width: 100%; margin: 0 auto;*/ position:relative; transform: translate3d(0, -50%, 0); top: 50%; text-align: center; /*box-shadow: 0 0 100px rgba(0,0,0,0.5);*/}
#videoPlayer a.close{ display: block; position: absolute; right:10px; top:10px; color:#FFF; z-index: 99999; transition: .5s; -webkit-transition: .5s;}
#videoPlayer a.close i.iconfont{ font-size: 30px; cursor: pointer;}
#videoPlayer a.close:hover{ transform:rotate(180deg); -webkit-transform:rotate(180deg); color: #ff0044;}
#videoPlayer video{ width: 100%; height: auto; background:url(../images/vlogo.png) no-repeat center #000; background-size:30%; transition: .5s; -webkit-transition: .5s;}
#videoPlayer img{ max-width: 100%; height: auto; transition: .5s; -webkit-transition: .5s;}
/**/
.sosobox{ position: relative; overflow: hidden;}
.sosobox .bg{  height: 750px;}
.sosobox .centerbox{ width: 100%; position:absolute; top: 0; left: 0; z-index: 9999;  transform: translate3d(0, -50%, 0); top: 50%;}
.sosobox .centerbox h1{ text-align: center; font-size: 32px; color:#FFF; font-weight: normal; padding-bottom: 15px;}
.sosobox .centerbox .form{ max-width: 750px; width:90%; height: 45px; margin: 0 auto; color:#FFF; border:#666 1px solid; position:relative;}
.sosobox .centerbox .form input.text{ height: 45px; color: #FFF; padding: 0; margin: 0; border: 0; width: 100%; background: none; box-sizing: border-box; padding: 0 15px; font-size: 16px;}
.sosobox .centerbox .form input.text:focus{  border:#FFF 1px solid; outline:none; }
.sosobox .centerbox .form button.btn{ width: 60px; text-align: center; height: 45px; line-height: 45px; position: absolute; top: 0px; right: 0; color: #FFF; background-color:#666; z-index: 9999; padding: 0; margin: 0; border: 0;}
.sosobox .centerbox .form button.btn i{ font-size: 24px;}
/**/
.baiduseo{ display:none;}
/**/
.moreinfo{ padding: 40px 0px 50px 0px; background-color: #f2f2f2;}
.moreinfo h3{ text-align:center; font-size:16px; letter-spacing: 5px;padding-left:5px;}
.moreinfo h3 b{ display:block; font-size: 24px; text-transform:uppercase; letter-spacing: 10px; padding-left:10px;}
.moreinfo .picview{ padding-top:20px; }
.moreinfo .picview .picswiper{ /* height: 320px; */ }
.moreinfo .picview .swiper-wrapper{}
.moreinfo .picview .swiper-wrapper .swiper-slide{  float:left;}
.moreinfo .picview .swiper-wrapper .swiper-slide img{ width: 414px; height: auto; }
/**/
.tsbanner{ height: 600px; position: relative; color: #FFF; }
.tsbanner .breadcrumb{ position: relative; z-index: 2; }
.tsbanner .box{ position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; }
.tsbanner .box .text h3{ font-size: 48px; color: #FFF; font-weight: normal; letter-spacing: 5px; padding-left: 5px; }
/**/
.tiaoshibox{ padding-top: 30px;  padding-bottom: 50px;}
.tiaoshibox h3.title{ text-align: center; padding-bottom: 30px; }
.tiaoshibox h3.title b{ font-size: 30px; display: block; }
.tiaoshibox h3.title i{ display: inline-block; margin: 10px 0; vertical-align: middle; width: 25px; height: 2px; background-color: #ff0044; }
/**/
.tiaoshiinfo{ padding-bottom: 50px;}
.tiaoshiinfo .text{ line-height: 2; font-size: 17px; }
/**/
.tiaoshivideo{ padding-bottom: 20px;}
.tiaoshivideo ul{}
.tiaoshivideo ul li{ border-radius: 3px; overflow: hidden; float: left; width: 32%; margin-right:2%;  margin-bottom: 30px; transition: .5s; -webkit-transition: .5s;  }
.tiaoshivideo ul li.end{ margin-right:0;  }
.tiaoshivideo ul li.cur{ box-shadow: 0 0 26px 0 rgba(0,0,0,.15); transform: translateY(-5px); z-index: 999;}
.tiaoshivideo ul li .box{ background-color: #f4f4f4; text-align: center;}
.tiaoshivideo ul li .pic{}
.tiaoshivideo ul li .pic img{ width: 100%; height: auto; }
.tiaoshivideo ul li .tit{ padding:20px 0; font-size:20px; font-weight: bold; }
.tiaoshivideo ul li .btn{ height: 24px; line-height: 24px; display: flex; justify-content:center; padding-bottom: 30px; font-size: 16px; }
.tiaoshivideo ul li .btn a{ font-size: 16px; padding:0 10px; color: #020202;}
.tiaoshivideo ul li .btn a:hover{ color: #ff0044;}
.tiaoshivideo ul li .btn i{ font-size: 24px; color: #b2b2b2; vertical-align: bottom; padding-right:10px; transition: .5s; -webkit-transition: .5s; }
.tiaoshivideo ul li .btn a:hover i{ color: #ff0044;}
.tiaoshivideo{}
/**/
.newitem{ height: 350px;}
.newitem .wrap{ height: 100%; display: flex; justify-content: flex-end; align-items: center;  }
.newitem .text{ width: 40%; text-align: center; font-size: 36px; color: #FFF;  }
/**/
.cloudzoom-zoom-inside{ background-color:#FFF; }